<!DOCTYPE html>
<html lang="zh-cn">
<head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width,initial-scale=1.0">
 <title>积分分发</title>
 <!-- 引入Bootstrap的样式表 -->
 <link rel="stylesheet" type="text/css" href="css/revise.css">
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
 <style type="text/css">
   .telcon-header a{
      height: 30px;
      line-height: 30px;
      color: #fff;
      background-color: #3598dc;
      display: inline-block;
      padding: 0 10px;
      margin:10px 10px;
      font-size: 13px;
      float: right;
   }
   .telcon-header a:hover{
      background-color: #217ebd;
   }
   .telcon-l p{
      line-height: 30px;
      margin: 20px 1% 0 0;
      width: 99%;
      background-color: #d9edf7;
      color: #e7505a;
      border: 1px solid #bce8f1;
      font-size: 14px;
      padding: 15px 0 15px 10px;
   }
   .telcon-l a{
      height: 30px;
      line-height: 30px;
      color: #fff;
      background-color: #3598dc;
      display: inline-block;
      padding: 0 10px;
      margin-left: 5px;
   }
   .telcon-l a:hover{
      background-color: #217ebd;
   }
   .tables2{
      width: 100%;
      border-collapse:collapse;
      margin-top: 30px;
      margin-bottom: 30px;
   }
   .tables2 td{
      color: #34495e;
      font-size: 13px;
      line-height: 50px;
   }
   .tables2 tr{
      border:1px solid #ddd;
   }
   .tables2 td:first-child{
      background-color: #eee;
      text-align: right;
      padding-right: 20px;
      width: 15%;
   }
   .tables2 td:nth-child(2){
      text-align: left;
      padding-left: 20px;
      width: 80%;
   }
   .tables2 span{
      color: #e8505a;
      font-weight: 600;
   }
   .tables2 p{
      font-weight: 600;
   }
   .tables2 input{
      width: 98%;
      padding-left: 1%;
      line-height: 30px;
      border: 1px solid #ddd;
      outline: none;
   }
   .int-btn{
      height: 30px;
      line-height: 30px;
      color: #fff;
      background-color: #3598dc;
      padding: 0 10px;
      margin-left: 5px;
      border: none;
      outline: none;
      margin:20px 16%;
   }
   .int-btn:hover{
      background-color: #217ebd;
   }
   .tables3{
      width: 100%;
      border-collapse:collapse;
      border:1px solid #ddd;
      text-align: left;
      color: #34495e;
      font-size: 13px;
      margin: 30px 0 70px;
   }
   .tables3 th{
       border:1px solid #ddd;
       line-height: 40px;
       padding-left: 15px;
       font-weight: 200;
   }
   .tables3 tr:nth-child(even){
      background-color: #f9f9f9;
   }
   .tables3 td{
       border:1px solid #ddd;
       line-height: 40px;
       padding-left: 15px;
   }
   .tables3 tr:hover td{
      background-color: #f5f5f5
   }
.selected{
	width: 99%;
	height: 30px;a
	border: 1px solid #eee;
}
 </style>
</head>
<body>
<div class="telcon">
   <div class="telcon-header">
      <i class="fa fa-jpy"></i><p>积分分发</p>
      <!-- <a>积分分发记录</a>
      <a>认购库存积分</a> -->
   </div>
   <div class="telcon-l">
      <p style="color: #31708f;">
        * 注意：积分分发后，将直接录入对方积分账户，无法撤回，请谨慎操作<br>
        积分分发额度不够用，可以<!-- <a>调额申请</a> -->
      </p>  
   </div>
   <form>
      <table cellpadding="0" cellspacing="0" class="tables2">
         <tr>
            <td>分发情况</td>
            <td><p>当月已分发<span>600012.50</span>元  今日已分发<span>0</span>元</p></td>
         </tr>
         <tr>
            <td>分发限额</td>
            <td></td>
         </tr>
         <tr>
            <td>当前库存积分</td>
            <td><p>0.000</p>f</td>
         </tr>
         <tr>
            <td>消费金额</td>
            <td><input type="text" placeholder="0"></input></td>
         </tr>
         <tr>
            <td>消费用户账号/手机号码</td>
            <td><input type="text" placeholder="填写消费用户账号或者手机号码"></input></td>
         </tr>
         <tr>
            <td>核对用户信息</td>
            <td><input type="text" placeholder="填写消费用户账号或者手机号码"></input></td>
         </tr>
         <tr>
            <td>奖励积分比例</td>
            <td>
            	<select name="jifen" class="selected">
	            	<option value="">25%奖励买家积分*25%</option>
	            	<option value="">50%奖励买家积分*50%</option>
	            	<option value="">100%奖励买家积分*100%</option>
	            	<option value="">200%奖励买家积分*200%</option>
	            	<option value="">400%奖励买家积分*400%</option>
	            </select>
            </td>
         </tr>
         <tr>
            <td>使用库存积分</td>
            <td><span>0.00</span></td>
         </tr>
         <tr>
            <td>消费备注</td>
            <td><input type="tect" placeholder="选填，填写本次购物商品详情说明及备注"></input></td>
         </tr>
         <tr>
            <td>安全密码</td>
            <td><input type="tect" placeholder="请输入安全密码"></input></td>
         </tr>
      </table>
      <button class="int-btn">积分分发</button>
   </form>
   <table cellspacing="0" cellpadding="0" class="tables3">
      <tr>
         <th>收银编号</th>
         <th>时间</th>
         <th>用户ID</th>
         <th>使用库存积分</th>
         <th>状态</th>
         <th>备注</th>
      </tr>
      <tr>
         <td>201709171108115454875524</td>
         <td>2017-09-17 11:08:01</td>
         <td>拉拉dejbsd</td>
         <td>1250.000</td>
         <td>已奖励</td>
         <td>库存积分分发</td>
      </tr>
      <tr>
         <td>201709171108115454875524</td>
         <td>2017-09-17 11:08:01</td>
         <td>拉拉dejbsd</td>
         <td>1250.000</td>
         <td>已奖励</td>
         <td>库存积分分发</td>
      </tr>
      <tr>
         <td>201709171108115454875524</td>
         <td>2017-09-17 11:08:01</td>
         <td>拉拉dejbsd</td>
         <td>1250.000</td>
         <td>已奖励</td>
         <td>库存积分分发</td>
      </tr>
      <tr>
         <td>201709171108115454875524</td>
         <td>2017-09-17 11:08:01</td>
         <td>拉拉dejbsd</td>
         <td>1250.000</td>
         <td>已奖励</td>
         <td>库存积分分发</td>
      </tr>
      <tr>
         <td>201709171108115454875524</td>
         <td>2017-09-17 11:08:01</td>
         <td>拉拉dejbsd</td>
         <td>1250.000</td>
         <td>已奖励</td>
         <td>库存积分分发</td>
      </tr>
      <tr>
         <td>201709171108115454875524</td>
         <td>2017-09-17 11:08:01</td>
         <td>拉拉dejbsd</td>
         <td>1250.000</td>
         <td>已奖励</td>
         <td>库存积分分发</td>
      </tr>
   </table>
</div>
</body>
</html>